<!DOCTYPE html>
<html class="no-js">

<head>
	<meta charset="utf-8">
	<title>{BEESCRM:$title}</title>
	<meta name="description" content="">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
	<meta http-equiv="cleartype" content="on">
	<meta name="format-detection" content="telephone=no">

	<link rel="stylesheet" type="text/css" href="/assets/base/center/css/common.css">
	<link rel="stylesheet" type="text/css" href="/assets/base/center/css/index.css">
	<link rel="stylesheet" type="text/css" href="/assets/base/center/css/font.css">
	<link rel="stylesheet" type="text/css" href="/assets/base/center/css/swiper.min.css">
</head>
<body>
	<div class="wraper center">
		<div class="top wtrends">
			<img class="logo" src="/assets/base/center/images/wtrends.png"/>
			<p class="slogan"></p>
		</div>
		<div class="menu clearfix">
			<a href="{BEESCRM::U('website/website/index',array('account_id'=>$account_id,'cate_id'=>28))}" class="menu-list tb-mode square pull-left">
				<p class="tb-cell">
					<span class="iconfont icon-xinwen blue"></span>
					<span>新闻</span>
				</p>
			</a>
			<a href="{BEESCRM::U('base/Repair/loading',array('account_id'=>$account_id))}" class="menu-list tb-mode square pull-left">
				<p class="tb-cell">
					<span class="iconfont icon-xinshouzhinan green"></span>
					<span>指南</span>
				</p>
			</a>
			<a href="{BEESCRM::U('base/Repair/loading',array('account_id'=>$account_id))}" class="menu-list tb-mode square pull-left">
				<p class="tb-cell">
					<span class="iconfont icon-tongzhi orange"></span>
					<span>公告</span>
				</p>
			</a>
			<a href="{BEESCRM::U('activity/vote/voteList',array('account_id'=>$account_id))}" class="menu-list tb-mode square pull-left">
				<p class="tb-cell">
					<span class="iconfont icon-toupiao roseo"></span>
					<span>投票</span>
				</p>
			</a>
			<a href="{BEESCRM::U('base/Repair/loading',array('account_id'=>$account_id))}" class="menu-list tb-mode square pull-left">
				<p class="tb-cell">
					<span class="iconfont icon-sangedian forword-text"></span>
					<span class="forword-text">敬请期待</span>
				</p>
			</a>
		</div>
		<div class="banner banner1">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<volist name="adInfo" id="vo">
						<div class="swiper-slide"><a href="{BEESCRM:$vo.url}"><img src="{BEESCRM:$vo.content}"></a></div>
					</volist>
				</div>
				<if condition="data.newsCount gt 1"><div class="swiper-pagination hasTitle"></div></if>
			</div>
		</div>
		<div class="banner banner2">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<volist name="adInfo" id="vo">
						<div class="swiper-slide"><a href="{BEESCRM:$vo.url}">{BEESCRM:$vo.content}</a></div>
					</volist>
				</div>
				<if condition="data.flashCount gt 1"><div class="swiper-pagination"></div></if>
			</div>
		</div>
		<div class="bottom-box">
			<p class="copyright" style="bottom: 34px;">杭州青橄榄网络技术有限公司 技术支持</p>
		</div>
	</div>
	<script src="/assets/base/center/js/jquery-2.1.0.min.js"></script>
	<script src="/assets/base/center/js/swiper.min.js"></script>
	<script>
		var height = $(window).height();
		var bottombox_height = $('.bottom-box').outerHeight();
		$('.wraper').css("minHeight",height);
		$('.wraper').css("paddingBottom",bottombox_height);

		var width = $('.square').width();
		$('.menu-list').css("height",width);

		for(var i=1;i<=$('.banner').length;i++){
			var swiper = new Swiper('.banner'+ i +' .swiper-container', {
				pagination: '.banner'+ i +' .swiper-pagination',
				paginationClickable: true,
				spaceBetween: 30,
				centeredSlides: true,
				autoplay: 2500,
				autoplayDisableOnInteraction: false
			});
		}
	</script>
</body>
</html>
